{% extends "eventos/base.html" %}
    
{% block extrahead %}
    {% load static %}
    {% get_static_prefix as STATIC_PREFIX %}
    <!--link rel="stylesheet" href="{{ STATIC_PREFIX }}css/jquery/ui/jquery.ui.all.css"-->
    <!--link rel="stylesheet" href="{{ STATIC_PREFIX }}css/jquery/ui/jquery.ui.demos.css"-->
    <!--link rel="stylesheet" href="{{ STATIC_PREFIX }}css/jquery/ui/jquery-ui-1.8.16.custom.css"-->
    
    <!--     jquery/acordion       -->
    <script type="text/javascript" src="{{ STATIC_PREFIX }}js/jquery/jquery-1.7.min.js"></script>
    <script type="text/javascript" src="{{ STATIC_PREFIX }}js/jquery/ui/jquery.ui.core.js"></script>
    <script type="text/javascript" src="{{ STATIC_PREFIX }}js/jquery/ui/jquery.ui.widget.js"></script>
    <script type="text/javascript" src="{{ STATIC_PREFIX }}js/jquery/jquery.nestedAccordion.js"></script>
    <!-- ......................... -->

    <script type="text/javascript">
    $("html").addClass("js");
    $(function() {
        $("#main").accordion({
            objID: "#acc1", 
            el: ".h", 
            head: "h4, h5", 
            next: "div", 
            initShow : "div.shown",
            standardExpansible : true
        });
        $("html").removeClass("js");
    });
    </script>
    
{% endblock %}

{% block breadcrumb %}<a href="/">Inicio</a> > <a href="/eventos/">Eventos</a> > Ver evento{% endblock %}

{% block content %}
<div id="main">
    <h2>Evento: {{nombre}}</h2>
        
    <h3>Deportes</h3>
    <ul id="acc1" class="accordion">

        {% for deporte in evento%}
            <li>
                <h4>{{ deporte.nombre }}</h4>
                <div class="inner">
                    <ul>
                        {% for disciplina in deporte.disciplinas%}
                            <li>
                                <h5>{{ disciplina.nombre }}</h5>
                                <div class="inner">
                                    <ul>
                                        {% for categoria in disciplina.categorias%}
                                            <li>
                                                <h5>{{ categoria.nombre_completo }}</h5>
                                                <div class="inner">
                                                    <!-- Resultados -->
                                                    {% if categoria.resultados%}
                                                        <table border="2">
                                                            <tr>
                                                            <th>Atleta</th>
                                                            <th>Posici&oacute;n</th>
                                                            <th>{{disciplina.tipo_resultado}}</th>
                                                            </tr>
                                                            {% for resultado in categoria.resultados %}
                                                                {% for participante in participantes %}
                                                                    {% ifequal resultado.atleta participante.atleta.pk %}
                                                                        <tr>
                                                                        <td>{{ participante.atleta.nombres }}</td>
                                                                        <td>{{ resultado.posicion }}</td>
                                                                        <td>{{ resultado.valor }}</td>
                                                                        </tr>
                                                                    {% endifequal %}
                                                                {% endfor %}
                                                            {% endfor %}
                                                        </table>
                                                    {% else %}
                                                    <p>No existen resultados para esta categor&iacute;a.</p>
                                                    {% endif %}
                                                </div>
                                            </li>
                                        {% endfor%}
                                    </ul>
                                </div>
                            </li>
                        {% endfor%}
                    </ul>
                </div>
            </li>
        {% endfor%}
    
    </ul>
    <br>
    <div id='buttons' align='right'>
        <input type="button" value="Editar" onclick="window.location='/eventos/editar/{{id}}/'">
        <input type="button" value="Regresar" onclick="window.location='/eventos/'">
    </div>
        
</div>
{% endblock %}
